홈페이지 실습 210727_[22]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_6_NAVER_blog_1 (2) 학습한 내용 button tag의 특성 button tag는 기본적으로 회색을 default값으로 가지고 있다. google에서 can i use 를 검색하면, 각각 문법속성들을 사용할수 있는지 여부를 확인할수 있는 site가 있다. (앞서 학습했던 내용) 그래서 구버전을 쓰는 사용자들의 편의를 위해서 float으로 번거롭지만 사용을 하고 있다. 여러 개의 아이템을 일정하게 정렬할 때... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습htmlCSS 210719_[16]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_3_NAVER_main_page_1 2. whatfont : site의 글자들의 폰트에 대한 정보를 알 수 있다. 3. color zilla : site의 쓰여진 색상에 대한 정보를 알 수 있다. 7. css viewer : 개발자 도구를 열어보지 않고 css에 대한 정보를 알 수 있다. 위에 tool들을 활용하면, 웹 프로그래밍에 보조 수단으로 유용하게 사용할 수 있다. ▽ 스크린샷에는 다 나타나지 않았으나 오늘 읽을만한 글... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습htmlCSS 210716_[15]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_2_helbak_덴마크쇼핑몰_layout 오늘은 반응형 웹사이트 (Responsive Web)인 helbak이라고 하는 여태껏 많이 실습에 간접적으로 참고하였던 덴마크 쇼핑몰 site의 layout을 직접 짜는 실습을 하였다. HTML 작성 style.css (스타일 및 미디어 쿼리) 키즈가오 사이트와 다른점은 animation을 넣는게 아니라 파일자체가 두개밖에 없고 style.css에 미디어쿼리 코드를 같이 썼다는 점이다. HT... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습media querieshtmlCSS 210714_[13]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_1_kidsgao 어제 학습했던 내용에서 추가적으로 학습을 진행하였다. 제작 과정은 동일하게 페이지별로 style.css 학습진행 순서는 어제와 동일하다. 1. HTML 작성 2. style.css (위치& 병합) 3. animation.css (애니메이션) 4. mobile.css (미디어쿼리) 각각 4가지의 process를 5가지의 구간으로 나누어서 진행하였다. (3) forest3 : 오른쪽 새 2마리 ... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습media querieshtmlCSS 210720_[17]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_3_NAVER_main_page_2_end 어제에 이어 네이버 메인 페이지 실습과정을 끝 마쳤다. △ 오른쪽 영역 △ footer 영역 로그인 영역 제작 로그인 버튼을 a tag로 제작하였고 inline 요소인데 display를 통하여 block으로 바꿔주었다. block의 성질 (아래 그림 보라색 참조)과 같이 div tag 안에 있는 로그인 칸을 쭉 채우기 위해 사용 쇼핑 타이틀 부분 ( 트렌드 쇼핑 ) 어제 학습한 것과 같이 t... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습htmlCSS
210727_[22]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_6_NAVER_blog_1 (2) 학습한 내용 button tag의 특성 button tag는 기본적으로 회색을 default값으로 가지고 있다. google에서 can i use 를 검색하면, 각각 문법속성들을 사용할수 있는지 여부를 확인할수 있는 site가 있다. (앞서 학습했던 내용) 그래서 구버전을 쓰는 사용자들의 편의를 위해서 float으로 번거롭지만 사용을 하고 있다. 여러 개의 아이템을 일정하게 정렬할 때... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습htmlCSS 210719_[16]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_3_NAVER_main_page_1 2. whatfont : site의 글자들의 폰트에 대한 정보를 알 수 있다. 3. color zilla : site의 쓰여진 색상에 대한 정보를 알 수 있다. 7. css viewer : 개발자 도구를 열어보지 않고 css에 대한 정보를 알 수 있다. 위에 tool들을 활용하면, 웹 프로그래밍에 보조 수단으로 유용하게 사용할 수 있다. ▽ 스크린샷에는 다 나타나지 않았으나 오늘 읽을만한 글... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습htmlCSS 210716_[15]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_2_helbak_덴마크쇼핑몰_layout 오늘은 반응형 웹사이트 (Responsive Web)인 helbak이라고 하는 여태껏 많이 실습에 간접적으로 참고하였던 덴마크 쇼핑몰 site의 layout을 직접 짜는 실습을 하였다. HTML 작성 style.css (스타일 및 미디어 쿼리) 키즈가오 사이트와 다른점은 animation을 넣는게 아니라 파일자체가 두개밖에 없고 style.css에 미디어쿼리 코드를 같이 썼다는 점이다. HT... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습media querieshtmlCSS 210714_[13]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_1_kidsgao 어제 학습했던 내용에서 추가적으로 학습을 진행하였다. 제작 과정은 동일하게 페이지별로 style.css 학습진행 순서는 어제와 동일하다. 1. HTML 작성 2. style.css (위치& 병합) 3. animation.css (애니메이션) 4. mobile.css (미디어쿼리) 각각 4가지의 process를 5가지의 구간으로 나누어서 진행하였다. (3) forest3 : 오른쪽 새 2마리 ... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습media querieshtmlCSS 210720_[17]_대구 AI스쿨_일반과정_웹 프로그래밍_실습_3_NAVER_main_page_2_end 어제에 이어 네이버 메인 페이지 실습과정을 끝 마쳤다. △ 오른쪽 영역 △ footer 영역 로그인 영역 제작 로그인 버튼을 a tag로 제작하였고 inline 요소인데 display를 통하여 block으로 바꿔주었다. block의 성질 (아래 그림 보라색 참조)과 같이 div tag 안에 있는 로그인 칸을 쭉 채우기 위해 사용 쇼핑 타이틀 부분 ( 트렌드 쇼핑 ) 어제 학습한 것과 같이 t... 대구AI스쿨CSS웹프로그래밍기초과정홈페이지 실습htmlCSS